import React from 'react';
import { Layout, Button, Typography } from 'antd';

const { Header } = Layout;
const { Text } = Typography;

const HeaderComponent = () => (
  <Header className="site-layout-background" style={{ padding: '0 16px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
    <Text strong>歌谣后台管理系统简介</Text>
    <Button type="primary" danger>
      退出
    </Button>
  </Header>
);

export default HeaderComponent;